<template>
  <div id="app" style="">
    <Category :title="美食">
      <ul slot="slot1">
        <li v-for="(item,index) in foods" :key="index">{{ item }}</li>
      </ul>
    </Category>
    <Category :title="游戏" :listdata="games">
      <div slot="slot1">测试内容</div>
    
    </Category>
    <Category :title="电影" :listdata="films">
    <div slot="slot2">
      <ul>
        <li>经典</li>
        <li>热门</li>
        <li>推荐</li>
      </ul>
    </div>
    </Category>
 </div>
</template>

<script>
import Category from './components/Category.vue'

export default {
  name: 'App',
  components: { Category },
  data(){
    return {
      foods:['火锅','烧烤','小龙虾'],
      games:['红色警戒','穿越火线','超级玛丽'],
      films:['《天龙八部》','《笑傲江湖》','《鹿鼎记》']
    }
  }
}
</script>

<style scoped>

</style>
CategoryCategory